<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>三星电子 中国 | 三星手机 | 电视 | 笔记本 | 家电等产品官网</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./font/font_ofr8n344s4s/iconfont.css">
    <link rel="icon" type="image/x-icon" href="./images/favicon.ico" />
</head>
<body>
    <div id="header">
        <div class="header-main"></div>
        <div class="header-bar">
            <div id="nav-out">
                <div id="nav">
                    <div class="nav-main" style="float: left">
                        <ul>
                        <li class="underline"><a href="#" >手机&平板</a>
                            <ul>
                                <li class="two" style="padding:0 0;"><a href="#">Galaxy S10</a></li>
                                <li class="two"><a href="#">Galaxy S9</a></li>
                                <li class="two"><a href="#">Galaxy S8</a></li>
                            </ul>
                        </li>
                        <li class="underline"><a href="#" >电视&影音</a>
                            <ul>
                                <li class="two"><a href="#">OLED-Q80</a></li>
                                <li class="two"><a href="#">OLED-Q70</a></li>
                                <li class="two"><a href="#">OLED-Q60</a></li>
                            </ul>
                        </li>
                        <li  class="underline"><a href="#">生活家电/智能家居</a>
                            <ul>
                                <li class="two"><a href="#">至黑冰箱</a></li>
                                <li class="two"><a href="#">净速干衣机</a></li>
                                <li class="two"><a href="#">多维双驱洗衣机</a></li>
                            </ul>
                        </li>
                        <li  class="underline"><a href="#">电脑/办公/存储</a>
                            <ul>
                                <li class="two"><a href="#">朱帅滨</a></li>
                                <li class="two"><a href="#">王钢权</a></li>
                                <li class="two"><a href="#">斯煜豪</a></li>
                            </ul>
                        </li>
                        <li class="underline"><a href="#" >网上商城</a>
                            <ul>
                                <li class="two"><a href="#">笔记本</a></li>
                                <li class="two"><a href="#">平板电脑</a></li>
                                <li class="two"><a href="#">显示器</a></li>
                            </ul>
                        </li>
                        </ul>
                        </div>
                    <img class="logo" src="./images/logo.png" width="124" height="22" style="float: left">
                    <div class="nav-main2" style="float: right">
                        <ul>
                        <li class="underline"><span class="iconfont icon-fangdajing"></span></li>
                        <li class="underline"><a href="#">盖乐世社区</a></li>
                        <li class="underline"><a href="#">售后服务</a></li>
                        <li class="underline"><a href="#">商用解决方案</a></li>
                        <li class="underline"><a href="#">最新活动</a></li>
                    </ul>
                    </div>
                </div>
            </div>          
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="banner">
        <img src="images/banner1.jpg" class="img imgActive" alt="">
        <img src="images/banner2.jpg" class="img" alt="">
        <img src="images/banner3.jpg" class="img" alt="">
        <img src="images/banner4.jpg" class="img" alt="">
            <div id="right"><span class="text1"></span></div>
            <div id="left"><span class="text"></span></div>
            <ul class="ul_lb">
                <li class="li_lb active"></li>
                <li class="li_lb"></li>
                <li class="li_lb"></li>
                <li class="li_lb"></li>
         
            </ul>

    </div>
    <div class="title">探索Galaxy产品</div>

    <div class="show-products-1">
        <div class="product"><img class=img1 src="./images/prod1.png" width="464" height="259"></div>
        <div class="product"><img class=img1 src="./images/prod2.png" width="464" height="259"></div>
        <div class="product"><img class=img1 src="./images/prod3.png" width="464" height="259"></div>
    </div>


    <div id="product3">
        <div class="p3-heal">
            <ul>
                <li id="bt1" class="underline2">最新活动</li>
                <li class="underline2">推荐</li>
                <li class="underline2">热销产品</li>
            </ul>
    </div>
    <!-- start -->
        <div class="p3-box11">
                <img class=img1 src="./images/A60A702.webp" >
        </div>
        <div class="p3-box12">
                <img src="./images/11.webp" id="webp1">
                <p class="wz">三星QLED 8K电视</p>
                <div class=vanish1 >置身所见，浸在真实</div>
                <div class=table1 ><p>了解更多</p>
                </div>
        </div>
        <div class="p3-box13"> 
                <img src="./images/21.webp" id="webp2">
                <p class="wz">Samsung Galaxy Watch Active</p>
                <div class=vanish2 ></div>
                <div class=table2  ><p>了解更多</p>
        </div>
        </div>
        <div class="p3-box14"> 
                <img src="./images/31.webp" id="webp3">
            <p class="wz">Galaxy Note9</p>
            <div class=vanish3>格调笔笔皆是</div>
            <div class=table3  ><p>了解更多</p>
        </div>
        </div>
        <div class="p3-box15"> 
                <img src="./images/41.webp" id="webp4">
            <p class="wz">三星智慕 多维双驱洗衣机</p>
            <div class=vanish4>WW90M74NOR</div>
            <div class=table4  ><p>了解更多</p>
        </div>
        </div>
    </div>




<div class="ho-g-search-bar">
	
        <input type="hidden" name="searchPath" id="searchPath" value="/cn/search.html">
    
    
        <h2 class="ho-g-search-bar__title">在此搜索更多信息</h2>
        <div class="ho-g-search-bar__inner">
            <div class="ho-g-search-bar__bar">
                <div class="ho-g-search-bar__input-wrap">
                    <label for="inp_ho_srch" class="blind"></label>
                    <input type="text" id="inp_ho_srch" name="ho_search" class="ho-g-search-bar__input" placeholder="Galaxy S10" autocomplete="off">
                    <button type="submit" class="s-svg s-ico-search"><span class="iconfont icon-fangdajing" style="font-size: 30px; color: 00e0af;"></button>
                </div>
                <div class="ho-g-search-bar__history_wrap" style="display: none;">
                    
                    <div class="ho-g-search-bar__history" style="display: none">
                        <div class="ho-g-search-bar__history-title">搜索历史 </div>
                        <ul></ul>
                        <button type="button" class="ho-g-search-bar__history-close" disabled="disabled">清除历史记录</button>
                    </div>
                </div>
            </div>
            <div class="ho-g-search-bar__suggest_wrap" style="display: none;">
                
                <div class="ho-g-search-bar__suggest">
                    <div class="ho-g-search-bar__suggest-inner">
                        
                        <div class="ho-g-search-bar__typeahead" style="display: none">
                            <div class="ho-g-search-bar__typeahead-title"></div>
                            <ul></ul>
                        </div>
                        
                        
                        
                        <p class="ho-g-search-bar__suggest-nodata" style="display: none">没有建议</p>
                        
                        <div class="ho-g-search-bar__suggest-list" style="display: none"></div>
                    </div>
                </div>
            </div>
        </div>       	
    
</div>
<div class="gb-legal">
    <div class="gb-legal__inner">

        <div class="gb-legal__inner-wrap gb-legal__inner-wrap__col1">
            <div class="gb-legal__column">
                <p>*Galaxy S9 | S9+广告中手机背面图是Galaxy S9+，Galaxy S9为背面单摄像头产品。<br>
    *本网站提供的屏幕和图像内容，是仅为说明目的而展示的模拟画面。产品图片以及型号、数据、功能、性能、规格参数、用户界面和其他产品信息等仅供参考，三星有可能对上述内容进行改进，具体信息请参照产品实物、产品说明书。除非经特殊说明，本网站中所涉及的数据均为三星内部测试结果，涉及的对比均为与三星产品相比较。</p>
            </div>
            
            
        </div>
    </div>
</div>


<div class="foot2">
    <div class="foot2-main">
        <div class="main ul-1 ">
            <ul class="main-ul">
                <li class="main-li li-title">产品与服务</li>
                <li class="main-li li-link">智能手机</li>
                <li class="main-li li-link">智能平板</li>
                <li class="main-li li-link">智能穿戴设备</li>
                <li class="main-li li-link">智能产品配件</li>
                <li class="main-li li-link">电视</li>
                <li class="main-li li-link">冰箱</li>
                <li class="main-li li-link">洗衣机</li>
            </ul>
        </div>
        <div class="main ul-2">
                <ul class="main-ul">
                        <li class="main-li li-title">&nbsp</li>
                        <li class="main-li li-link">空气净化器 </li>
                        <li class="main-li li-link">洗衣机</li>
                        <li class="main-li li-link">空气净化器</li>
                        <li class="main-li li-link">空调</li>
                        <li class="main-li li-link">显示器</li>
                        <li class="main-li li-link">固态硬盘SSD</li>
                        <li class="main-li li-link">USB闪存盘</li>
                    </ul>
        </div>
        <div class="main ul-3">
                <ul class="main-ul">
                        <li class="main-li li-title">购买渠道</li>
                        <li class="main-li li-link">最新活动</li>
                        <li class="main-li li-link">网上商城</li>
                        <li class="main-li li-link">授权体验店</li>
                        <li class="main-li li-link">全产品门店查询</li>
                    </ul>
        </div>
        <div class="main ul-4">
                <ul class="main-ul">
                        <li class="main-li li-title">服务支持</li>
                        <li class="main-li li-link">在线服务</li>
                        <li class="main-li li-link"> 邮件咨询</li>
                        <li class="main-li li-link">联系我们</li>
                        <li class="main-li li-link">服务中心查询</li>
                        <li class="main-li li-link">三星专卖店招募</li>
                    </ul>
        </div>
        <div class="main ul-5">
                <ul class="main-ul">
                        <li class="main-li li-title">关于我们</li>
                        <li class="main-li li-link">关于三星</li>
                        <li class="main-li li-link">投资者关系</li>
                        <li class="main-li li-link">新闻中心</li>
                        <li class="main-li li-link">人才招聘</li>
                        <li class="main-li li-link">三星开发者网站</li>
                        <li class="main-li li-link">成为技术服务商</li>
                        <li class="main-li li-link">三星视频空间</li>
                    </ul>
        </div>

        <div class="main-foot2">
                <p class="foot2-p">© 1995-2019 三星（中国）投资有限公司 版权所有</p>

                <p class="foot2-p">此网页最好使用IE9 浏览器、谷歌浏览器、苹果浏览器和其他新式浏览器进行浏览。</p>
                
                <p class="foot2-p">京ICP备05068163号  京公网安备110105011756号</p>
        </div>
    </div>

</div>



<div class="foot3">
    <ul class="foot3-ul">
        <li>中国/中文</li>
        <li>网站地图</li>
        <li>服务条款</li>
        <li>重要声明</li>
        <li>隐私政策</li>
        <a href="https://xxsyuan.gitee.io/threestar/" target="_blank">
            <span class="iconfont icon-wangzhan foot3-wangzhan" style="font-size: 35px"></span>
        </a>
        <span class="foot3-span">线上网站</span>
        
    </ul>

    
</div>
<script>
var oWrap = document.getElementById("banner");
        var oRight = document.getElementById("right");
        var oLeft = document.getElementById("left");
        var oImg = document.getElementsByClassName("img");
        var oLi = document.getElementsByClassName("li_lb");

        var index = 1;
        var timer;


         var p3Box12 = document.getElementsByClassName("p3-box12")[0];
         var webp1 = document.getElementById("webp1");
         var vanish1 = document.getElementsByClassName("vanish1")[0];
         var table1 = document.getElementsByClassName("table1")[0];

         var p3Box13 = document.getElementsByClassName("p3-box13")[0];
         var webp2 = document.getElementById("webp2");
         var vanish2 = document.getElementsByClassName("vanish2")[0];
         var table2 = document.getElementsByClassName("table2")[0];   

         var p3Box14 = document.getElementsByClassName("p3-box14")[0];
         var webp3 = document.getElementById("webp3");
         var vanish3 = document.getElementsByClassName("vanish3")[0];
         var table3 = document.getElementsByClassName("table3")[0];   

         var p3Box15 = document.getElementsByClassName("p3-box15")[0];
         var webp4 = document.getElementById("webp4");
         var vanish4 = document.getElementsByClassName("vanish4")[0];
         var table4 = document.getElementsByClassName("table4")[0];   



        // onclick点击事件
        // 下一张
        oRight.onclick = function () {
            oImg[index - 1].className = 'img';
            oLi[index - 1].className = 'li_lb';

            index++;
            if (index == 5) {
                index  = 1;
            }

            oImg[index - 1].className = 'img imgActive';
            oLi[index - 1].className = 'li_lb active';
          
        }

        // 上一张
        oLeft.onclick = function () {
            oImg[index - 1].className = 'img';
            oLi[index - 1].className = 'li_lb';
            index--;
            if (index == 0) {
                index  = 4;
            }
            oLi[index - 1].className = 'li_lb active';
            oImg[index - 1].className = 'img imgActive';
            
        }

        timer = setInterval(function() {
            oImg[index - 1].className = 'img';
            oLi[index - 1].className = 'li_lb';

            index++;
            if (index == 5) {
                index  = 1;
            }

            oImg[index - 1].className = 'img imgActive';
            oLi[index - 1].className = 'li_lb active';
        }, 3666)

        oWrap.onmouseover = function() {
            clearInterval(timer);
        }
        oWrap.onmouseout = function() {
            timer = setInterval(function() {
                oImg[index - 1].className = 'img';
                oLi[index - 1].className = 'li_lb';

                index++;
                if (index == 5) {
                    index  = 1;
                }

                oImg[index - 1].className = 'img imgActive';
                oLi[index - 1].className = 'li_lb active';
            }, 3666)
        }

        for (let i = 0; i < oLi.length; i++) {
            oLi[i].onclick = function () {
                oLi[index - 1].className = 'li_lb';
                oImg[index - 1].className = 'img';
                index = i + 1;
                oLi[index - 1].className = 'li_lb active';
                oImg[index - 1].className = 'img imgActive';
            }
        }

        p3Box12.onmouseover = function() {
        webp1.src = "./images/12.webp"
        table1.style.display = "block";
        vanish1.style.display = "none";
        setTimeout(() => {
            table1.style.transform = "translate(0, -100px)"
        }, 100)
    }
        p3Box12.onmouseout = function() {
        webp1.src = "./images/11.webp"
        table1.style.display = "none";
        vanish1.style.display = "block";
        setTimeout(() => {
            table1.style.transform = "translate(0, 100px)"
        }, 100)
    }

        p3Box13.onmouseover = function() {
        webp2.src = "./images/22.webp"
        table2.style.display = "block";
        vanish2.style.display = "none";
        setTimeout(() => {
            table2.style.transform = "translate(0, -100px)"
        }, 100)
    }
        p3Box13.onmouseout = function() {
        webp2.src = "./images/21.webp"
        table2.style.display = "none";
        vanish2.style.display = "block";
        setTimeout(() => {
            table2.style.transform = "translate(0, 100px)"
        }, 100)
    }


    p3Box14.onmouseover = function() {
        webp3.src = "./images/32.webp"
        table3.style.display = "block";
        vanish3.style.display = "none";
        setTimeout(() => {
            table3.style.transform = "translate(0, -100px)"
        }, 100)
    }
        p3Box14.onmouseout = function() {
        webp3.src = "./images/31.webp"
        table3.style.display = "none";
        vanish3.style.display = "block";
        setTimeout(() => {
            table3.style.transform = "translate(0, 100px)"
        }, 100)
    }


    p3Box15.onmouseover = function() {
        webp4.src = "./images/42.webp"
        table4.style.display = "block";
        vanish4.style.display = "none";
        setTimeout(() => {
            table4.style.transform = "translate(0, -100px)"
        }, 100)
    }
        p3Box15.onmouseout = function() {
        webp4.src = "./images/41.webp"
        table4.style.display = "none";
        vanish4.style.display = "block";
        setTimeout(() => {
            table4.style.transform = "translate(0, 100px)"
        }, 100)
    }





</script>
</body>
</html>